<script>
	// #ifdef H5
	var script = document.createElement('script');
	script.src = "https://g.alicdn.com/AWSC/AWSC/awsc.js";
	document.body.appendChild(script);
	// #endif
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";

	page {
		max-width: 480px;
		font-size: 14px;
	}

	image {
		height: auto;
	}

	button {
		border: none !important;
		margin: 0;
	}

	.button {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.button:active {
		transform: translateY(1px);
	}

	// 公用弹窗
	.warp {
		width: 90%;
		position: relative;
		left: 5%;
		top: 50%;
		transform: translateY(-50%);
	}

	::v-deep .uni-system-preview-image {
		z-index: 10071;
	}

	::v-deep uni-tabbar .uni-tabbar__icon {
		margin-top: 0px;
	}

	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}


	// 公用头部返回导航栏
	.slot-wrap {

		display: flex;
		align-items: center;
		/* 如果您想让slot内容占满整个导航栏的宽度 */
		flex: 1;
		/* 如果您想让slot内容与导航栏左右有空隙 */
		/* padding: 0 30px; */
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.nav-bar {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 60px;

		// #ifdef APP
		// padding-top: 10px;
		// #endif

		.back {
			position: absolute;
			left: 20px;
		}

		text {
			font-size: 16px;
			color: #131314;
		}

		.posbtn {
			position: absolute;
			right: 20px;
		}
	}

	// 数据为空
	.empty {
		width: 100%;
		padding: 10vh 10px 10px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;

		image {
			width: 40%;
		}
		text {
			color: rgba($color: #fff, $alpha: 0.8);
			font-weight: 600;
		}
	}


	//循环生成常用属性 使用方法： class="margin_1" ==> marign: 1px;
	@for $var from 1 through 100 {
		.font_size_#{$var} {
			font-size: #{$var}px;
		}

		.mar#{$var} {
			margin: #{$var}px;
		}

		.mart#{$var} {
			margin-top: #{$var}px;
		}
		.marb#{$var} {
			margin-bottom: #{$var}px;
		}

		.marl#{$var} {
			margin-left: #{$var}px;
		}
		.marr#{$var} {
			margin-right: #{$var}px;
		}

		.padding#{$var} {
			padding: #{$var}px;
		}
	}
</style>